import { useRoutes } from 'react-router'
import routers from './routes';
import Footer from './pages/Layouts/Footer';
import Header from './pages/Layouts/Header';
import WebsiteProvider from './contexts/Website';
import MemberProvider from './contexts/Member';

export default function App() {

    return <>
        <WebsiteProvider>
            <MemberProvider>
                <div className='flex flex-col h-screen w-screen'>
                    <Header />
                    <div className='h-[calc(100vh-48px-63px)] overflow-y-auto'>
                        {useRoutes(routers)}
                    </div>
                    <Footer />
                </div>
            </MemberProvider>
        </WebsiteProvider>
    </>
}
